<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>rom列表</title>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
<!-- Bootstrap -->
<link th:href="@{/static/bootstrap-3.3.5-dist/css/bootstrap.min.css}" rel="stylesheet" />
<!-- 列表框架 -->
<!-- bootstrap-table 1.9.0 + 中文支持-->
<link rel="stylesheet" href="/static/bootstrap-table-master-dist/bootstrap-table.min.css">
</head>
<body>
	<div class="container bs-docs-container">
		<div class="col-md-9" role="main">
			<div class="bs-docs-section">
				<div class="form-group add_btn">
					<a th:href="@{/background/rom/addRom}" href="addRom.html" class="btn btn-primary">添加rom</a>
				</div>
				<div class="row-fluid sortable">
					<div class="panel panel-default">
						<div class="panel-body">
							<div class="col-md-2">
								<select id="romType" class="form-control">
									<option value="">全部</option>
									<option value="1">wifi</option>
									<option value="2">mcu</option>
								</select>
							</div>
						</div>
					</div>
				</div>
				<div class="fixed-table-container fixed-table-body">
					<table data-side-pagination="server" data-url="/background/rom/list" data-locale="zh-CN" data-query-params-type="unlimit" data-query-params="romExtraParams"
						data-pagination="true" data-page-list="[5, 10, 20, 50, 100, 200]" data-search="false" id="romTable" data-unique-id="uuid">
						<thead>
							<tr>
								<th data-field="name">rom名称</th>
								<th data-field="version">版本号</th>
								<th data-field="type_name">类型</th>
								<th data-field="url">下载地址</th>
							</tr>
						</thead>
					</table>
				</div>
			</div>
		</div>
		<div th:replace="fragment :: nav"></div>
	</div>
	<script th:src="@{/static/jquery/jquery-1.12.3.min.js}"></script>
	<script th:src="@{/static/bootstrap-3.3.5-dist/js/bootstrap.min.js}"></script>
	<script type="text/javascript" src="/static/bootstrap-table-master-dist/bootstrap-table.min.js"></script>
	<script type="text/javascript" src="/static/bootstrap-table-master-dist/locale/bootstrap-table-zh-CN.min.js"></script>
	<script type="text/javascript" src="/static/resource/js/base.js"></script>
	<script type="text/javascript">
		$(function() {
			$('#romTable').bootstrapTable();
			$("#romType").change(function() {
				refreshTable("rom");
			});
		});
		layer.config({
			extend : 'extend/layer.ext.js'
		});
	</script>
</body>
</html>